/**
* Created by ren on 2016/12/27.
*/
<template>
  <div class='jinShengJin product'>
    <div class="title"><i></i><span>金生金产品</span><i></i></div>
    <div class="jsj-list">
      <ul>

        <li class="item" v-for="(item,index) in jinshengjinData">
          <div class="l1">
            <ul>
              <li>{{item.kinsonName}}</li>
              <li>年化收益率</li>
              <li class="num">{{(item.yield*100).toFixed(2)}}<span>%</span></li>
            </ul>
          </div>
          <div class="line"><img src="../../assets/line3.png" alt=""></div>
          <div class="l2">
            <ul>
              <li>期限</li>
              <li class="num">
                {{item.validity}}
                <span v-if="item.unit==='day'">天</span>
                <span v-if="item.unit==='month'">月</span>
                <span v-if="item.unit==='year'">年</span>
                <span v-if="item.unit==='week'">周</span>
              </li>
            </ul>
          </div>
          <div class="line"><img src="../../assets/line3.png" alt=""></div>
          <div class="l3">
            <a :href="'jSJDetail/'+item.id" target="_blank">
              <button class="btn">买金</button>
            </a>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'jinShengJin',
    props: ['jinshengjinData']
  }
</script>

<style lang="scss">
  @import "../../scss/home.scss";
</style>
